import React from 'react';
import { Carousel } from 'antd-mobile';

// 组建使用ui框架，只是显示页面，可以使用函数写法
const Banner = ({detailbanner, imgHeight}) => (
  <Carousel
    autoplay={false}
    infinite={false}
    style={{ width: '100%', height: imgHeight }}
  >
    {
      detailbanner.map((item, index) => {
        return (
            <img 
							src={ item } 
							style={{ display: 'block', width: '100%', height: imgHeight }}
							alt="http://www.baidu.com"
							key={ index } 
						/>
        )
      })
    }

  </Carousel>
)

export default Banner;